<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>美食推荐 - 汉中旅游</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/meishi.css">
</head>
<body>
    <!-- 页面加载动画 -->
    <div class="page-loader">
        <div class="loader"></div>
    </div>
    
    <!-- 顶部快速导航栏 -->
    <div class="top-quick-nav" style="background-color: #DC4E42; display: flex; align-items: center; justify-content: center; padding: 0 50px;">
        <div class="quick-nav-container">
            <ul style="display: flex; align-items: center;">
                <li style="display: flex; align-items: center; margin-right: 0;">
                    <img src="img/attractions/logo.jpg" alt="汉中旅游" style="height: 40px; border-radius: 5px; margin-right: 10px;">
                </li>
                <li><a href="index.html">首页</a></li>
                <li><a href="jingdian.html">景点介绍</a></li>
                <li><a href="luxian.html">旅游线路</a></li>
                <li><a href="gonglue.html">旅游攻略</a></li>
                <li><a href="meishi.html" class="active">美食推荐</a></li>
                <li><a href="wenhua.html">汉文化活动</a></li>
                <li><a href="contact.html">联系我们</a></li>
                <li><a href="faq.html">常见问题</a></li>
            </ul>
        </div>
    </div>
    
    <!-- 浮动导航菜单 -->
    <div class="float-nav">
        <button class="float-nav-toggle" id="floatNavToggle" title="快速导航">
            <i class="fas fa-bars"></i>
        </button>
        <div class="float-nav-menu" id="floatNavMenu">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="jingdian.html">景点介绍</a></li>
                <li><a href="luxian.html">旅游线路</a></li>
                <li><a href="gonglue.html">旅游攻略</a></li>
                <li><a href="meishi.html" class="active">美食推荐</a></li>
                <li><a href="wenhua.html">汉文化活动</a></li>
                <li><a href="contact.html">联系我们</a></li>
                <li><a href="faq.html">常见问题</a></li>
            </ul>
        </div>
    </div>


    <!-- 导航栏 -->
    <nav>
        <div class="container">
            <div class="nav-container">
                <div class="nav-logo">
                    <img src="img/attractions/logo.jpg" alt="汉中旅游" style="height: 45px; border-radius: 5px; margin-right: 10px;">
                    <h2 style="color: #ffffff; font-weight: bold;">汉中旅游</h2>
                </div>
                <ul class="main-nav">
                    <li><a href="index.html">首页</a></li>
                    <li class="dropdown">
                        <a href="jingdian.html">景点介绍</a>
                        <div class="dropdown-content">
                            <a href="jingdian.html#natural">自然风光</a>
                            <a href="jingdian.html#historical">历史古迹</a>
                            <a href="jingdian.html#cultural">文化景观</a>
                        </div>
                    </li>
                    <li class="dropdown">
                        <a href="luxian.html">旅游线路</a>
                        <div class="dropdown-content">
                            <a href="luxian.html#oneday">一日游</a>
                            <a href="luxian.html#threedays">三日游</a>
                            <a href="luxian.html#fivedays">五日游</a>
                        </div>
                    </li>
                    <li class="dropdown">
                        <a href="gonglue.html">旅游攻略</a>
                        <div class="dropdown-content">
                            <a href="gonglue.html#transportation">交通指南</a>
                            <a href="gonglue.html#accommodation">住宿推荐</a>
                            <a href="gonglue.html#tips">注意事项</a>
                            <a href="gonglue.html#besttime">最佳旅游时间</a>
                        </div>
                    </li>
                    <li><a href="meishi.html" class="active">美食推荐</a></li>
                    <li><a href="wenhua.html">汉文化活动</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                    <li><a href="faq.html">常见问题</a></li>
                </ul>
            </div>
        </div>
    </nav>

    <!-- 主要内容 -->
    <main>
        <!-- 页面标题 -->
        <section class="page-header">
            <div class="container">
                <h1>汉中美食推荐</h1>
                <p>品味千年古城的独特美食文化</p>
            </div>
        </section>

        <!-- 美食展示区域 -->
        <section class="food-showcase">
            <div class="container">
                <div class="food-grid">
                    <!-- 面皮 -->
                    <div class="food-item">
                        <div class="food-image">
                            <img src="img/food/mianpi.jpg" alt="汉中面皮">
                        </div>
                        <div class="food-content">
                            <h3>汉中面皮</h3>
                            <div class="food-tags">
                                <span class="food-tag">招牌美食</span>
                                <span class="food-tag">主食</span>
                            </div>
                            <p class="food-description">汉中面皮是陕西省汉中市的传统名吃，历史悠久，是当地最具代表性的美食之一。选用优质面粉制成，口感筋道爽滑，配以特制的辣椒油、蒜泥、醋等调料，酸辣可口，风味独特。</p>
                            <div class="food-features">
                                <div class="feature">
                                    <span class="feature-name">口味</span>
                                    <span class="feature-value">酸辣</span>
                                </div>
                                <div class="feature">
                                    <span class="feature-name">价格</span>
                                    <span class="feature-value">5-10元/份</span>
                                </div>
                                <div class="feature">
                                    <span class="feature-name">推荐指数</span>
                                    <span class="feature-value">★★★★★</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 菜豆腐 -->
                    <div class="food-item">
                        <div class="food-image">
                            <img src="img/food/doufu.jpg" alt="菜豆腐">
                        </div>
                        <div class="food-content">
                            <h3>菜豆腐</h3>
                            <div class="food-tags">
                                <span class="food-tag">传统美食</span>
                                <span class="food-tag">下饭菜</span>
                            </div>
                            <p class="food-description">菜豆腐是汉中地区的特色美食，选用当地优质黄豆制作，质地细腻，口感嫩滑。配以新鲜蔬菜，营养丰富，是当地人喜爱的家常菜。</p>
                            <div class="food-features">
                                <div class="feature">
                                    <span class="feature-name">口味</span>
                                    <span class="feature-value">鲜香</span>
                                </div>
                                <div class="feature">
                                    <span class="feature-name">价格</span>
                                    <span class="feature-value">8-15元/份</span>
                                </div>
                                <div class="feature">
                                    <span class="feature-name">推荐指数</span>
                                    <span class="feature-value">★★★★☆</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 褒河鱼 -->
                    <div class="food-item">
                        <div class="food-image">
                            <img src="img/food/baoheyu.jpg" alt="褒河鱼">
                        </div>
                        <div class="food-content">
                            <h3>褒河鱼</h3>
                            <div class="food-tags">
                                <span class="food-tag">地方特色</span>
                                <span class="food-tag">河鲜</span>
                            </div>
                            <p class="food-description">褒河鱼是汉中褒河的特产，肉质鲜美，营养丰富。可以清蒸、红烧、炖汤等多种烹饪方式，是汉中地区著名的美食之一。</p>
                            <div class="food-features">
                                <div class="feature">
                                    <span class="feature-name">口味</span>
                                    <span class="feature-value">鲜美</span>
                                </div>
                                <div class="feature">
                                    <span class="feature-name">价格</span>
                                    <span class="feature-value">40-80元/份</span>
                                </div>
                                <div class="feature">
                                    <span class="feature-name">推荐指数</span>
                                    <span class="feature-value">★★★★★</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 锅盔 -->
                    <div class="food-item">
                        <div class="food-image">
                            <img src="img/food/guokui.jpg" alt="锅盔">
                        </div>
                        <div class="food-content">
                            <h3>锅盔</h3>
                            <div class="food-tags">
                                <span class="food-tag">传统小吃</span>
                                <span class="food-tag">主食</span>
                            </div>
                            <p class="food-description">锅盔是汉中的传统面食，外酥里嫩，层次分明。可以夹肉、夹菜，也可以直接食用，是当地人喜爱的早餐和点心。</p>
                            <div class="food-features">
                                <div class="feature">
                                    <span class="feature-name">口味</span>
                                    <span class="feature-value">香酥</span>
                                </div>
                                <div class="feature">
                                    <span class="feature-name">价格</span>
                                    <span class="feature-value">3-8元/个</span>
                                </div>
                                <div class="feature">
                                    <span class="feature-name">推荐指数</span>
                                    <span class="feature-value">★★★★☆</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 浆水面 -->
                    <div class="food-item">
                        <div class="food-image">
                            <img src="img/food/jiangshuimian.jpg" alt="浆水面">
                        </div>
                        <div class="food-content">
                            <h3>浆水面</h3>
                            <div class="food-tags">
                                <span class="food-tag">特色面食</span>
                                <span class="food-tag">传统美食</span>
                            </div>
                            <p class="food-description">浆水面是汉中的传统面食，面条筋道，汤汁浓郁。配以各种蔬菜和肉类，营养丰富，是当地人喜爱的家常美食。</p>
                            <div class="food-features">
                                <div class="feature">
                                    <span class="feature-name">口味</span>
                                    <span class="feature-value">浓郁</span>
                                </div>
                                <div class="feature">
                                    <span class="feature-name">价格</span>
                                    <span class="feature-value">10-15元/份</span>
                                </div>
                                <div class="feature">
                                    <span class="feature-name">推荐指数</span>
                                    <span class="feature-value">★★★★☆</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 腊肉 -->
                    <div class="food-item">
                        <div class="food-image">
                            <img src="img/food/larou.jpg" alt="腊肉">
                        </div>
                        <div class="food-content">
                            <h3>腊肉</h3>
                            <div class="food-tags">
                                <span class="food-tag">地方特产</span>
                                <span class="food-tag">肉类</span>
                            </div>
                            <p class="food-description">汉中腊肉选用优质猪肉，经过特殊工艺腌制而成。肉质鲜美，香气四溢，是当地人喜爱的传统美食。</p>
                            <div class="food-features">
                                <div class="feature">
                                    <span class="feature-name">口味</span>
                                    <span class="feature-value">咸香</span>
                                </div>
                                <div class="feature">
                                    <span class="feature-name">价格</span>
                                    <span class="feature-value">30-50元/斤</span>
                                </div>
                                <div class="feature">
                                    <span class="feature-name">推荐指数</span>
                                    <span class="feature-value">★★★★★</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 热凉粉 -->
                    <div class="food-item">
                        <div class="food-image">
                            <img src="img/food/liangfen.jpg" alt="热凉粉">
                        </div>
                        <div class="food-content">
                            <h3>热凉粉</h3>
                            <div class="food-tags">
                                <span class="food-tag">特色小吃</span>
                                <span class="food-tag">凉菜</span>
                            </div>
                            <p class="food-description">热凉粉是汉中的特色小吃，口感爽滑，配以特制调料，酸辣可口。既可以热食，也可以凉拌，是夏季解暑的理想美食。</p>
                            <div class="food-features">
                                <div class="feature">
                                    <span class="feature-name">口味</span>
                                    <span class="feature-value">酸辣</span>
                                </div>
                                <div class="feature">
                                    <span class="feature-name">价格</span>
                                    <span class="feature-value">6-10元/份</span>
                                </div>
                                <div class="feature">
                                    <span class="feature-name">推荐指数</span>
                                    <span class="feature-value">★★★★☆</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 锅贴 -->
                    <div class="food-item">
                        <div class="food-image">
                            <img src="img/food/guotie.jpg" alt="锅贴">
                        </div>
                        <div class="food-content">
                            <h3>锅贴</h3>
                            <div class="food-tags">
                                <span class="food-tag">传统小吃</span>
                                <span class="food-tag">点心</span>
                            </div>
                            <p class="food-description">锅贴是汉中的传统小吃，外皮酥脆，内馅鲜美。可以搭配各种馅料，是当地人喜爱的早餐和点心。</p>
                            <div class="food-features">
                                <div class="feature">
                                    <span class="feature-name">口味</span>
                                    <span class="feature-value">鲜香</span>
                                </div>
                                <div class="feature">
                                    <span class="feature-name">价格</span>
                                    <span class="feature-value">5-10元/份</span>
                                </div>
                                <div class="feature">
                                    <span class="feature-name">推荐指数</span>
                                    <span class="feature-value">★★★★☆</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 罐罐茶 -->
                    <div class="food-item">
                        <div class="food-image">
                            <img src="img/food/guanguancha.jpg" alt="罐罐茶">
                        </div>
                        <div class="food-content">
                            <h3>罐罐茶</h3>
                            <div class="food-tags">
                                <span class="food-tag">传统饮品</span>
                                <span class="food-tag">茶饮</span>
                            </div>
                            <p class="food-description">罐罐茶是汉中的传统饮品，选用优质茶叶，配以各种香料，香气四溢。是当地人喜爱的日常饮品。</p>
                            <div class="food-features">
                                <div class="feature">
                                    <span class="feature-name">口味</span>
                                    <span class="feature-value">清香</span>
                                </div>
                                <div class="feature">
                                    <span class="feature-name">价格</span>
                                    <span class="feature-value">5-15元/杯</span>
                                </div>
                                <div class="feature">
                                    <span class="feature-name">推荐指数</span>
                                    <span class="feature-value">★★★★☆</span>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 核桃馍 -->
                    <div class="food-item">
                        <div class="food-image">
                            <img src="img/food/hetaomo.jpg" alt="核桃馍">
                        </div>
                        <div class="food-content">
                            <h3>核桃馍</h3>
                            <div class="food-tags">
                                <span class="food-tag">传统小吃</span>
                                <span class="food-tag">点心</span>
                            </div>
                            <p class="food-description">核桃馍是汉中的传统小吃，外皮酥脆，内馅香甜。选用优质核桃，营养丰富，是当地人喜爱的点心。</p>
                            <div class="food-features">
                                <div class="feature">
                                    <span class="feature-name">口味</span>
                                    <span class="feature-value">香甜</span>
                                </div>
                                <div class="feature">
                                    <span class="feature-name">价格</span>
                                    <span class="feature-value">3-8元/个</span>
                                </div>
                                <div class="feature">
                                    <span class="feature-name">推荐指数</span>
                                    <span class="feature-value">★★★★☆</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <!-- 店铺推荐区域 -->
        <section class="restaurant-section">
            <div class="container">
                <h2 class="section-title">美食名店推荐</h2>
                <div class="restaurant-grid">
                    <div class="restaurant-item">
                        <div class="restaurant-content">
                            <h3>老马家面皮</h3>
                            <div class="restaurant-meta">
                                <span><i class="fas fa-map-marker-alt"></i> 汉台区北大街45号</span>
                                <span><i class="fas fa-star"></i> 4.8分</span>
                            </div>
                            <p>老马家面皮是汉中市区最有名的面皮店之一，创立于1986年，至今已有30多年历史。店内的面皮选料考究，工艺精湛，口感筋道爽滑，调料独特，深受当地人和游客的喜爱。</p>
                            <div class="restaurant-info">
                                <p><strong>招牌菜：</strong> 传统面皮、麻辣面皮、凉拌面皮</p>
                                <p><strong>价格：</strong> 人均15-25元</p>
                                <p><strong>营业时间：</strong> 07:00-21:00</p>
                                <p><strong>联系电话：</strong> 0916-2345678</p>
                            </div>
                        </div>
                    </div>

                    <div class="restaurant-item">
                        <div class="restaurant-content">
                            <h3>武侯豆腐坊</h3>
                            <div class="restaurant-meta">
                                <span><i class="fas fa-map-marker-alt"></i> 勉县武侯路12号</span>
                                <span><i class="fas fa-star"></i> 4.6分</span>
                            </div>
                            <p>武侯豆腐坊位于勉县武侯墓景区附近，是一家以豆腐为主打的特色餐厅。店内的豆腐选用当地优质黄豆制作，口感细腻，配以特制调料，风味独特，是品尝汉中豆腐的理想去处。</p>
                            <div class="restaurant-info">
                                <p><strong>招牌菜：</strong> 三国豆腐宴、麻婆豆腐、豆腐脑</p>
                                <p><strong>价格：</strong> 人均30-50元</p>
                                <p><strong>营业时间：</strong> 10:00-22:00</p>
                                <p><strong>联系电话：</strong> 0916-3456789</p>
                            </div>
                        </div>
                    </div>

                    <div class="restaurant-item">
                        <div class="restaurant-content">
                            <h3>汉江鱼府</h3>
                            <div class="restaurant-meta">
                                <span><i class="fas fa-map-marker-alt"></i> 汉台区滨江路78号</span>
                                <span><i class="fas fa-star"></i> 4.7分</span>
                            </div>
                            <p>汉江鱼府是汉中市区著名的水产餐厅，主打汉江流域的各种鲜鱼美食。餐厅环境优雅，视野开阔，可以一边品尝美食，一边欣赏汉江风光，是家庭聚餐和商务宴请的理想场所。</p>
                            <div class="restaurant-info">
                                <p><strong>招牌菜：</strong> 清蒸嘉陵江鱼、红烧鲤鱼、酸菜鱼</p>
                                <p><strong>价格：</strong> 人均80-120元</p>
                                <p><strong>营业时间：</strong> 11:00-22:00</p>
                                <p><strong>联系电话：</strong> 0916-4567890</p>
                            </div>
                        </div>
                    </div>

                    <div class="restaurant-item">
                        <div class="restaurant-content">
                            <h3>古城羊肉馆</h3>
                            <div class="restaurant-meta">
                                <span><i class="fas fa-map-marker-alt"></i> 汉台区古城内南街23号</span>
                                <span><i class="fas fa-star"></i> 4.9分</span>
                            </div>
                            <p>古城羊肉馆是汉中古城内的老字号餐馆，专营汉中炕炉羊肉等特色羊肉美食。店内装修古朴典雅，羊肉选用当地山羊，肉质鲜嫩，味道醇香，是冬季品尝羊肉的首选之地。</p>
                            <div class="restaurant-info">
                                <p><strong>招牌菜：</strong> 炕炉羊肉、手抓羊肉、羊肉泡馍</p>
                                <p><strong>价格：</strong> 人均60-100元</p>
                                <p><strong>营业时间：</strong> 10:00-21:00</p>
                                <p><strong>联系电话：</strong> 0916-5678901</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <!-- 页脚 -->
    <footer>
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <h3>关于我们</h3>
                    <p>汉中旅游网致力于为游客提供最全面的汉中旅游信息，让您的汉中之行更加便捷、愉快。</p>
                    <div class="social-links">
                        <a href="#"><i class="fab fa-weibo"></i></a>
                        <a href="#"><i class="fab fa-weixin"></i></a>
                        <a href="#"><i class="fab fa-qq"></i></a>
                    </div>
                </div>
                <div class="footer-section">
                    <h3>快速链接</h3>
                    <ul>
                        <li><a href="index.html">首页</a></li>
                        <li><a href="jingdian.html">景点介绍</a></li>
                        <li><a href="luxian.html">旅游线路</a></li>
                        <li><a href="gonglue.html">旅游攻略</a></li>
                        <li><a href="contact.html">联系我们</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h3>热门景点</h3>
                    <ul>
                        <li><a href="jingdian.html#wuhoumu">武侯墓</a></li>
                        <li><a href="jingdian.html#nanhu">南湖</a></li>
                        <li><a href="jingdian.html#dingjunshan">定军山</a></li>
                        <li><a href="jingdian.html#guchengqiang">古城墙</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h3>联系方式</h3>
                    <p><i class="fas fa-map-marker-alt"></i> 地址：陕西省汉中市</p>
                    <p><i class="fas fa-phone"></i> 电话：0916-123456</p>
                    <p><i class="fas fa-envelope"></i> 邮箱：info@hanzhong-tourism.com</p>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <div class="container">
                <p>&copy; 2023 汉中旅游网 版权所有</p>
            </div>
        </div>
    </footer>

    <script src="js/script.js"></script>
    <style>
        /* 美食推荐页面特定样式 */
        .page-header {
            background-image: none;
            background-color: var(--primary-color);
        }
    </style>
</body>
</html> 